<template>
	<view class="contain" :style="{ 'padding-top': top + 'px' }">



	<view class="flex-col page">
	  <view class="flex-col flex-auto group">
	    <view class="flex-col group_2 space-y-36">
	      <view class="flex-col space-y-16">
	        <text class="self-start text_2">静安区流浪狗流浪猫宠物救助站</text>
	        <view class="flex-col space-y-12">
				<view v-html="detail.content"></view>
	          <text class="font_1 text_3">
	            上海宠物救助领养基地帮助流浪动物找家，成立了近二十年，帮助了几万条流浪动物找到了家园，希望有能力的朋友可以领养只狗狗猫猫帮助狗狗猫猫找到新的家园。本中心几百条狗狗猫猫免费赠送，如果你喜欢狗狗猫猫，不要在宠物店去买，会上当受骗的，病
	            <br />
	            <br />
	          </text>
	          <image
	            class="image_4"
	            src="https://qiniu.ccchongya.com/chongya/images/16947555463484295475.png"
	          />
	          <text class="font_1 text_4">
	            上海宠物救助领养中心成立于2000年，上海真实直接收养救助流浪狗猫的地方！我们无偿接受您的领养，被领养的宠物一水猎犬、混血串串土狗等犬
	          </text>
	        </view>
	        <text class="self-start text_5">救助站地址</text>
	      </view>
	      <view class="flex-col space-y-10">
	        <view class="flex-col items-start">
					<text class="font_2"  @tap="makePhone(detail.mobile)">电话：{{detail.mobile}}</text>
					<text class="font_2"   @tap="showMaoLocation(1,1,detail.title,detail.address)">地址：{{detail.address}}</text>
	        </view>
	      </view>
	    </view>

	  </view>
	</view>



	</view>
</template>
<style scoped>
.page {
  background-color: #f5f7f7;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
.font_1 {
  font-size: 28rpx;
  font-family: HarmonyOSSansSC;
  line-height: 68rpx;
  color: #081329;
}
.group {
  padding-top: 16rpx;
  overflow-y: auto;
}
.group_2 {
  padding: 0 44rpx;
}
.space-y-36 > view:not(:first-child),
.space-y-36 > text:not(:first-child),
.space-y-36 > image:not(:first-child) {
  margin-top: 72rpx;
}
.space-y-16 > view:not(:first-child),
.space-y-16 > text:not(:first-child),
.space-y-16 > image:not(:first-child) {
  margin-top: 32rpx;
}
.text_2 {
  color: #000000;
  font-size: 40rpx;
  font-family: HarmonyOSSansSC;
  line-height: 38rpx;
}
.space-y-12 > view:not(:first-child),
.space-y-12 > text:not(:first-child),
.space-y-12 > image:not(:first-child) {
  margin-top: 24rpx;
}
.text_3 {
  opacity: 0.54;
}
.image_4 {
  width: 656rpx;
  height: 360rpx;
}
.text_4 {
  opacity: 0.54;
  text-indent: 26rpx;
}
.space-y-10 > view:not(:first-child),
.space-y-10 > text:not(:first-child),
.space-y-10 > image:not(:first-child) {
  margin-top: 20rpx;
}
.text_5 {
  color: #454b5f;
  font-size: 36rpx;
  font-family: HarmonyOSSansSC;
  font-weight: 700;
  line-height: 34rpx;
}
.font_2 {
  font-size: 28rpx;
  font-family: HarmonyOSSansSC;
  line-height: 50rpx;
  color: #454b5fc4;
}
.equal-division {
  margin-top: 220rpx;
}
.section {
  padding: 24rpx 0;
  background-color: #ffffff;
  overflow: hidden;
}
.group_3 {
  flex: 1 1 150rpx;
}
.equal-division-item {
  padding: 12rpx 0;
}
.space-y-4 > view:not(:first-child),
.space-y-4 > text:not(:first-child),
.space-y-4 > image:not(:first-child) {
  margin-top: 8rpx;
}
.image_5 {
  width: 48rpx;
  height: 48rpx;
}
.font_3 {
  font-size: 20rpx;
  font-family: HarmonyOSSansSC;
  line-height: 18rpx;
  color: #666e7a;
}
.text_6 {
  color: #ffbd52;
}
</style>


<script>


const $ = require('@/utils/api.js');
const API = require('@/utils/api/common.js').default;
import loadMore from '@/components/load-more/load-more.vue';
import moment from '@/utils/moment';
export default {
	name: 'Integral',
	components: {
		loadMore
	},
	data() {
		return {
			top: uni.getStorageSync('bartop') ? uni.getStorageSync('bartop') : 0,
			isIphonex: uni.getStorageSync('isIphonex') ? uni.getStorageSync('isIphonex') : false,
			isLogin: uni.getStorageSync('token') ? true : false,
			id: 0,
			detail: [],
			loadingType: 'more',
			page: 1,
			userInfo: {},
			loading: true
		};
	},
	onLoad(options) {
		this.id = options.id
		this.initData();
	},
	filters: {
		time(val) {
			return moment(val * 1000).format('YYYY-MM-DD HH:mm:ss');
		},
		numFilter(val) {
			return val >= 0 ? `+${val.toString()}` : val;
		}
	},

	methods: {
		toCategory() {
			this.$mRouter.reLaunch({ route: '/pages/category/category' });
		},
		nav(index) {
			this.loading = true;
			this.current = index;
			this.page = 1;
			this.list.length = 0;
			this.getdetail();
		},
		initData() {
			this.userInfo = uni.getStorageSync('userInfo') || undefined;
			this.getdetail();
		},
		async getdetail() {
			await this.$http
				.get(`${API.assistDetail}/`+this.id, {

				})
				.then(r => {

					this.detail = r.data;
				})
				.catch(() => {
					this.loading = false;
				});
		}
	}
};
</script>

